<template>
  <div>
<el-form ref="form" :model="form" label-width="80px" :inline="true">
  <el-col class="location">
<el-form-item label="学生姓名">
  <el-input v-model="form.userName" class="name"></el-input>
</el-form-item>
<el-form-item label="学生学号">
  <el-input  v-model="form.usersId" class="name"></el-input>
</el-form-item>
  </el-col>
  <el-col class="location">
  <el-form-item label="学生学院">
    <el-select v-model="form.userCollege" placeholder="请选择学院" class="name">
      <el-option label="计算机与智能教育学院" value="计算机与智能教育学院"></el-option>
      <el-option label="电子与电气工程学院" value="电子与电气工程学院"></el-option>
      <el-option label="生命科学与技术学院" value="生命科学与技术学院"></el-option>
      <el-option label="数学与统计学院" value="数学与统计学院"></el-option>
      <el-option label="教育科学学院" value="数学与统计学院"></el-option>
      <el-option label="文学与传媒学院" value="文学与传媒学院"></el-option>
      <el-option label="体育科学学院" value="体育科学学院"></el-option>
      <el-option label="化学化工学院" value="化学化工学院"></el-option>
      <el-option label="地理科学学院" value="地理科学学院"></el-option>
      <el-option label="外国语学院" value="外国语学院"></el-option>
      <el-option label="物理科学与技术学院" value="物理科学与技术学院"></el-option>
      <el-option label="社会与公共管理学院" value="社会与公共管理学院"></el-option>
      <el-option label="机电工程学院" value="机电工程学院"></el-option>
      <el-option label="食品科学与工程学院" value="食品科学与工程学院"></el-option>
      <el-option label="商学院" value="商学院"></el-option>
      <el-option label="音乐与舞蹈学院" value="音乐与舞蹈学院"></el-option>
      <el-option label="法政学院" value="法政学院"></el-option>
      <el-option label="美术与设计学院" value="美术与设计学院"></el-option>
    </el-select>
  </el-form-item>
  <el-form-item label="学生专业">
    <el-input  v-model="form.userMajor" class="name"></el-input>
  </el-form-item>
  </el-col>
  <el-col class="location">
  <el-form-item label="学生班级">
    <el-input  v-model="form.userClass" class="name"></el-input>
  </el-form-item>
  <el-form-item label="比赛名称">
    <el-input  v-model="form.gameNames" class="name"></el-input>
  </el-form-item>
  </el-col>
  <el-col class="location">
  <el-form-item label="获奖名次">
    <el-input  v-model="form.gameRankings" class="name"></el-input>
  </el-form-item>
  <el-form-item label="所加分数">
    <el-input  v-model="form.scores" class="name"></el-input>
  </el-form-item>
  </el-col>
  <el-col class="location">
  <el-form-item label="加分类型">
    <el-select v-model="form.addtypes" placeholder="请选择加分类型">
      <el-option label="德育分" value="德育分"></el-option>
      <el-option label="文体分--体育竞赛" value="文体分"></el-option>
      <el-option label="文体分--艺术比赛" value="文体分"></el-option>
      <el-option label="技能分--证书" value="技能分"></el-option>
      <el-option label="技能分--竞赛" value="技能分"></el-option>
      <el-option label="技能分--论文" value="技能分"></el-option>
    </el-select>
  </el-form-item>
  </el-col>
  <el-col class="location">
<el-form-item>
  <el-button type="primary" @click="onSubmit" size="20px"> 提  交 </el-button>
</el-form-item>
  </el-col>
</el-form>
  </div>
</template>

<style scoped>
.name{
  width:220px;
  text-align: center;
}
.location{
  text-align: center;
}
</style>

<script>
import axios from "axios";

export default {
  name:'SchoolPlay',
  data() {
    return {
      form: {},
    };
  },
  methods: {
    onSubmit() {
      axios.post('/api/add-awarded/add',this.form).then((res)=>{
        if (res.data.resultCode == "200"){
          this.$message.success(res.data.message)
        }else {
          this.$message.error(res.data.message)
        }
      })
    },
  }
}
</script>
